<%-- 
    Document   : index
    Created on : 13/11/2012, 12:02:21 AM
    Author     : francotel
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>


<html>

<head>
  <title>Baticueva Virtual</title>
  <meta name="description" content="website description" />
  <meta name="keywords" content="website keywords, website keywords" />
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <link rel="shortcut icon" href="<%=request.getContextPath()%>/images/icon.png">
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style.css?1.1.0" />
  <!-- modernizr habilita contenido HTML5 -->
  <script type="text/javascript" src="<%=request.getContextPath()%>/js/modernizr-1.5.min.js?1.1.0"></script>
</head>

<body>
  <div id="main">
    <header>
      <!-- imagen del murcielago que crece -->
      <img src="<%=request.getContextPath()%>/images/bat.gif" onmouseover="this.width=290;this.height=156;" onmouseout="this.width=225;this.height=141;" width="225" height="141" />

      <div id="logo">
        <div id="logo_text">
          <!-- class="logo_six", PERMITE MODIFICAR Y CAMBIAR EL TIPO DE EL TITULO PRINCIPAL -->
          <h1><a href="<%=request.getContextPath()%>/index.jsp">Bienvenidos a la Baticueva Virtual<span class="logo_six"></span></a></h1>
          <h2>busca y descarga tus prácticas y exámenes</h2>
        </div>
      </div>

      <nav>
        <div id="menu_container">
          <ul class="sf-menu" id="nav">
            <li><a href="<%=request.getContextPath()%>/index.jsp">Inicio</a></li>
            <li><a href="#">Quiénes Somos</a></li>
            <li><a href="#">Contáctanos</a></li>
          </ul>
        </div>
      </nav>

    </header>

    <div id="site_content">
      <!-- caja de logueo -->
      <div id="sidebar_container">
        <img class="paperclip" src="<%=request.getContextPath()%>/images/paperclip.png" alt="paperclip" />
        <div class="sidebar">
          <h3>Podras Subir Archivos Comentar y Votar</h3>
              <!-- INICIA PROCESO DE LOGUEO -->
          <form method="post" action="ServletLogin">
               <% if (request.getParameter("error") != null) {%><div class="alert alert-error"><p style="text-align: center;"><span style="color: #ff0000;">Los datos ingresados son incorrectos</span></p></div> <% }%>
          <h2>Inicia sesión</h2>
          <h1>Correo</h1>
          <input type="text" name="correo" placeholder="usuario@pucp.pe">
          <h1>Password</h1>
          <input type="password" name="clave">
          
          <button type="submit" name="ingresar">Ingresar</button>
          </form>  <!-- FIN PROCESO DE LOGUEO -->

          </div>

      <!-- caja de registro de nuevo usuario -->    
        <img class="paperclip" src="<%=request.getContextPath()%>/images/paperclip.png" alt="paperclip" />
        <div class="sidebar">
          <h3>Aún no tienes una cuenta ? Regístrate</h3>
          <input type="text" name="nombre" placeholder="Nombre">
          <input type="text" name="apellidos" placeholder="Apellidos">
          <input type="text" name="alias" placeholder="Usuario">
          <input type="text" name="correo" placeholder="correo@pucp.pe">
          <input type="password" name="clave" placeholder="ingresa tu clave">
          <input type="password" name="clave" placeholder="vuelve a ingresar tu clave">
          <button type="submit" name="registrar">Registrar</button>
          </div>
      </div>
      <!-- ingreso de la tabla para la pagina principal -->

      <div id="content1">
        <div class="content1">
      <h2>Búsqueda y descarga de prácticas y exámenes</h2>
      <h1>No necesitas iniciar sesion . . .</h1>
   <table style="width: 570px;" border="0">
    <tbody>
        <tr>
        <td style="width: 120px;"><input type="text" name="tag" placeholder="Que curso estas buscando"></td>
        
        <td>
            <!-- funcion boton buscar simple publico -->
                <button type="submit" name="buscar" >Buscar</button>
        </td>

        <td>&nbsp;</td>
        <!-- funcion boton buscar avanzado publico -->
        <td><button type="submit" name="busquedaavanzada">Búsqueda Avanzada</button></td>

          </tr>
        </tbody>
      </table>
      </div>
      </div>

<!-- CUERPO DE BUSQUEDA SIMPLE conteiner3-->
      <div id="content3">
        <div class="content3">
      <h2>Resultado de búsquedas</h2>
            <!-- Agregar los resultados de la busqueda -->
      <h3>5 Documentos</h3>
      
      <!-- caja de cada resultado -->
      <table style="height: 80px; ; width: 530px;" border="0">
<tbody>
<tr>
<td style="width: 200px;"><h4>Campos2 / E1 / Nota : 12</h4></td>
<td style="width: 200px;" align="right"><a href=""><h7>Ver descripcion</h7></a></td>
</tr>
<tr>
<td><h8>Subido por: Valor el 07/07/2012</h8></td>
<td>23 Descargas / 13 Votos/ 10 Comentarios</td>

</tr>
</tbody>
</table> 
      <!-- fin de caja de cada resultado --> 

      <!-- caja de cada resultado -->
      <table style="height: 80px; ; width: 530px;" border="0">
<tbody>
<tr>
<td style="width: 200px;"><h4>Campos2 / E1 / Nota : 12</h4></td>
<td style="width: 200px;" align="right"><a href=""><h7>Ver descripcion</h7></a></td>
</tr>
<tr>
<td><h8>Subido por: Valor el 07/07/2012</h8></td>
<td>23 Descargas / 13 Votos/ 10 Comentarios</td>

</tr>
</tbody>
</table> 
      
      
      </div>
      </div> 
<!-- fin de caja de cada resultado -->

    </div>

    <footer>
      <p>Copyright &copy; Telecom | <a href="http://www.pucp.edu.pe">grupo de telecomunicaciones OpenSource</a></p>
    </footer>
    
  </div>
  <p>&nbsp;</p>
  <!-- javascript at the bottom for fast page loading -->
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/jquery.easing-sooper.js"></script>
  <script type="text/javascript" src="js/jquery.sooperfish.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('ul.sf-menu').sooperfish();
    });
  </script>
</body>
</html>